<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../js/jquery-3.4.1.min.js"></script>
		<script>
			//$();
			//$(function(){
				
			//});
			//$核心函数
			$(function(){
				//找：完全兼容css选择器的语法
				//隐式迭代
				$("div li").prop("align","right");
				$("div li").css("color","white");
				$("div li").css({"list-style":"none","border":"5px solid red","background-color":"green"});
				$("div li").text("<a href='#'>对着我的word写</a>");
				//$("div li").html("<a href='#'>对着我的word写</a>");
				//链式操作
				$("div").css({"border":"1px solid red"}).append("<h2>不菲不发</h2>");
				
				$("#b1").click(function(){
					$("div").remove();
				});
				//jquery 对象 VS dom对象
				//jq->dom  get(index) [index]
				//dom->jq   $(dom)
			});
		</script>
	</head>
	<body>
		<div>
			<ul>
				<li>aaaa</li>
				<li>bbb</li>
			</ul>
		</div>
		<button id="b1">删除这个div</button>
	</body>
</html>